<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui">
<h:head>	
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <h:outputStylesheet library="css" name="blueprint/screen.css"/>
    <title> <h:outputText value="SISTEMA DE CONTROL DE INVENTARIOS" /> </title>
</h:head>

<h:body>
	<div class="container">
		<p:panelGrid>
			<div id="cabecera" class="span-24 last">
				<f:facet name="header">
					<p:row>
					<div class="span-7">
						<div id="logo">	
							<p:column colspan="5">
								<p:graphicImage library="images" name="inventory.png"/>
							</p:column>
						</div>
					</div>
					<div class="span-17 last">
						<div id="titulo">
							<p:column colspan="5">
								<h2><p:outputLabel value="SISTEMA DE CONTROL DE INVENTARIOS"/></h2>
							</p:column>
						</div>
					</div>
					</p:row>
				</f:facet>
			</div>
			<div id="centro" class="span-24 last">
				<p:row>
					<div class="span-4">		
						<div id="menu">
							<p:column rowspan="4" colspan="4">	
								<ul id="menu"> <ui:include src="menu.xhtml" /> </ul>
							</p:column>
						</div>
					</div>
					<div class="span-20 last">
						<div id="centro">
							<p:column rowspan ="20" colspan="20">
								<ui:insert name="Content">
									
								</ui:insert>
							</p:column>
						</div>
					</div>
				</p:row>
			</div>
			<div id="pie" class="span-24 last">
				<f:facet name="footer">
					<p:row>
						<p:column colspan="24">
							<h4><p:outputLabel value="TODOS LOS DERECHOS RESERVADOS"/></h4>
						</p:column>
					</p:row>
				</f:facet>
			</div>
		</p:panelGrid>
	</div> 
</h:body>

</html>